<template>
    <div>
        <button @click="sendAjax">发送Ajax请求</button>
        <button @click="sendSimple">使用async、await简化Promise用法</button>
    </div>
</template>

<script>
import qs from 'qs'

export default {
    data(){
        return {
            
        }
    },
    methods: {
        sendAjax(){
            /**
             * GET请求
             */
            // axios.get('http://ums.tangxiaoyang.vip/v1//user/findById?id=72')
            // axios.get('http://ums.tangxiaoyang.vip/v1//user/findById',{
            //     params: {
            //         id: 72
            //     }
            // })
            //     .then(res => {
            //         if(res.data.status == 1){
            //             console.log(res.data.data)
            //         }else{
            //             console.log(res.data.message)
            //         }
            //     })
            //     .catch(err => {
            //         console.log(err)
            //     })

            /**
             * POST请求
             */
            // axios.post('/user/add','name=z1&phone=111&address=nanjing')
            // axios.post('/user/add',qs.stringify({
            //     name: 'z2',
            //     phone: '222',
            //     address: 'shanghai'
            // }))
            //     .then(res => {
            //         console.log(res)
            //     })

            /**
             * DELET请求
             */
            this.$http.delete('/user/removeById',{
                params: {
                    id: 72
                }
            }).then(res => {
                console.log(res)
            })
        },
        async sendSimple(){
            // 将异步转换为同步！使用async、await关键字
            var {data:res} = await this.$http.get('/api/simpleWeather/query', {
                params: {
                    city: '南京',
                    key: '3b152d4c5b0b5ae07dce187e2ce9a04a'
                }
            })
            console.log(res)
            // console.log(1111)

            // var user = {
            //     id:1001,
            //     name:'张三',
            //     age:18
            // }
            // // var name = user.name 
            // // var age = user.age
            // var {name:username,age} = user
            // console.log(username,age)
        }
    }
}
</script>

<style lang="less" scoped>
    
</style>